:root {
  --sky-text-black-color: #323233;
  --sky-text-white-color: #ffffff;
  --sky-text-gray1-color: #f6f1f2;
  --sky-text-gray2-color: #f2f3f5;
  --sky-text-gray4-color: #dcdee0;
  --sky-text-gray6-color: #969799;
  --sky-text-gray7-color: #646566;
  --sky-text-red-color: #f32824;
  --sky-page-background-color: #f7f7f7;
  --sky-login-bg-background-color: #dd2b1f;
  --sky-red-background-color: #f32824;
  --sky-pink-background-color: #f5efff;
  --sky-white-background-color: #ffffff;
  --sky-gray1-background-color: #f6f1f2;
  --sky-rgba-black3-background-color: rgba(0, 0, 0, 0.3);
  --sky-gray1ToWhite-background-color: linear-gradient(#f6f1f2, #ffffff);
  --sky-redTored-background-color: -webkit-linear-gradient(#f32824, #f32824);
  --sky-play-page-background-color: radial-gradient(#404d53, #2d343c);
}

body,
ul,
ol,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
fieldset,
legend,
input,
textarea,
select,
button,
th,
td {
  margin: 0;
  padding: 0;
}

body {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: var(--sky-text-black-color);
  background-color: var(--sky-page-background-color);
}

ol,
ul {
  list-style: none;
}

img {
  border: none;
}

::-webkit-scrollbar {
  display: none;
}

@keyframes scan {
  0% {
    background-size: 0 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}

input::-webkit-input-placeholder {
  font-size: 14px;
  color: var(--sky-text-gray6-color);
}

input::-webkit-autofill {
  -webkit-text-fill-color: var(--sky-text-black-color);
  background-color: transparent;
  transition: background-color 50000s ease-in-out 0s;
}
.touch_x_box {
  display: -webkit-box;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.van-multi-ellipsis--l2 {
  white-space: normal;
}

/* flex */
.u-f {
  display: flex;
}
.u-f-column {
  flex-direction: column;
}
.u-f-ac {
  align-items: center;
}
.u-f-ae {
  align-items: flex-end;
}
.u-f-as {
  align-items: flex-start;
}
.u-f-ah {
  align-items: stretch;
}
.u-f-js {
  justify-content: flex-start;
}
.u-f-jsb {
  justify-content: space-between;
}
.u-f-jsa {
  justify-content: space-around;
}
.u-f-jc {
  justify-content: center;
}
.u-f-je {
  justify-content: flex-end;
}
.u-f1 {
  flex: 1;
}
.u-fw {
  flex-wrap: wrap;
}
.u-f-nw {
  flex-wrap: nowrap;
}

.van-tabbar-item.van-tabbar-item--active {
  color: var(--sky-text-red-color);
}
